<%-- 
    Document   : jadual_penerbangan
    Created on : Aug 13, 2012, 2:44:04 PM
    Author     : faizal.azlee(Theta-Edge Bhd)xxx
--%>
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
            function printJadual(){
                var url = '${pageContext.request.contextPath}/haji?SuratPenerbangan' ;
                window.open(url);
            }
        </script>
        
        <style>
            th.fColor {
                color:black;
            }
            td.bStyle {
                font-weight: bold;
                background-color: #B4C2D6;
            }
        </style>
    </head>
    <body>
        <s:messages/>
        <s:errors/> 
        <br/>
        <s:form beanclass="th.stripes.action.HajiActionBean">
            <div id="content">
                <div id="logo">
                    <span>
                        <img src="${pageContext.request.contextPath}/images/img/ribbon.png"/>               
                    </span>
                </div>
                <h3>
                    Semak Jadual Penerbangan
                </h3>
                <p>
                    <label align="right" class="lStyle">Nama :</label> ${actionBean.haji.nama}
                </p>
                <p>
                    <label class="lStyle">No. Akaun :</label> ${actionBean.haji.noAkaun}
                </p>
                <p>
                    <label class="lStyle">No. KP Semasa :</label> ${actionBean.haji.noKp}
                </p>

                <p>
                    <label class="lStyle">No. Penerbangan :</label> ${actionBean.haji.noKt}
                </p>
                <br>
                <p>
                    <table class="tablecloth" cellpadding="0" cellspacing="0" style="width: 100%; height:100%;" id="haji">
                        <thead>
                            <tr>
                                <th class="fColor" width="20">Butiran</th>
                                <th class="fColor" width="40">Penerbangan Pergi</th>
                                <th class="fColor" width="40">Penerbangan Balik</th>                        
                            </tr>
                        </thead>                    
                        <tbody>
                            <tr>
                                <td class="bStyle" >Tempat Melapor Diri</td>
                                <td >${actionBean.haji.checkInPlace}</td>
                                <td>${actionBean.haji.laporDiriBalik}</td>
                            </tr>
                            <tr>
                                <td class="bStyle">Tarikh Lapor Diri</td>
                                <td ><fmt:formatDate value="${actionBean.haji.tarikhPergi}" pattern="dd/MM/yyyy"/></td>
                                <td ><fmt:formatDate value="${actionBean.haji.tarikhLaporDiriBalik}" pattern="dd/MM/yyyy"/></td>
                            </tr>
                            <tr>
                                <td class="bStyle">Waktu Melapor Diri</td>
                                <td>${actionBean.haji.checkInTimePhase1} IAITU HARI ${actionBean.haji.checkInDay} </td>
                                <td>${actionBean.haji.masaBalik}</td>
                            </tr>
                            <tr>
                                <td class="bStyle">No Pesawat</td>
                                <td>${actionBean.haji.noPesawatPergi}</td>
                                <td>${actionBean.haji.noPesawatBalik}</td>
                            </tr>
                            <tr>
                                <td class="bStyle">Tempoh Berada Di Tanah Suci</td>
                                <td>${actionBean.haji.jumlahHari} HARI</td>
                                <td rowspan="3">
                                    Tarikh Tiba : <fmt:formatDate value="${actionBean.haji.tarikhTiba}" pattern="dd/MM/yyyy"/>
                                    <br><br>L/T : ${actionBean.haji.retFinal}
                                    <br><br>Waktu Tiba : ${actionBean.haji.waktuTiba}
                                </td>
                            </tr>
                            <tr>
                                <td class="bStyle">Tuan / Puan akan dibawa Dahulu Ke</td>
                                <td>${actionBean.haji.destinasiPergi}</td>
<!--                                <td>${actionBean.haji.destinasiBalik}</td>-->
                            </tr>
                             <tr>
                                <td class="bStyle">Niat Ihram di Miqat</td>
                                <td>${actionBean.haji.miqatDi}</td>
<!--                                <td>Waktu Tiba : ${actionBean.haji.waktuTiba}</td>-->
                            </tr>
                        </tbody>  
                  </table>
                <br>
<!--                    <table class="tablecloth" cellpadding="0" cellspacing="0" style="width: 100%" id="haji">
                        <thead>
                            <tr>                        
                                <th colspan="2" class="fColor">Tarikh/Waktu Melapor Diri</th>                     
                            </tr>
                            <tr>                        
                                <th class="fColor">Penerbangan Pergi</th>
                                <th class="fColor">Penerbangan Balik</th>                        
                            </tr>
                        </thead>                    
                        <tbody>
                            <tr>                                
                                <td style="text-align: center"><fmt:formatDate value="${actionBean.haji.tarikhPergi}" pattern="dd/MM/yyyy"/>&nbsp;&nbsp;${actionBean.haji.masaPergi}</td>
                                <td style="text-align: center"><fmt:formatDate value="${actionBean.haji.tarikhBalik}" pattern="dd/MM/yyyy"/>&nbsp;&nbsp;${actionBean.haji.masaBalik}</td>
                            </tr>
                        </tbody>  
                    </table>
                <br>
                    <table class="tablecloth" cellpadding="0" cellspacing="0" style="width: 100%" id="haji">
                        <thead>
                            <tr>                        
                                <th colspan="2" class="fColor">No. Pesawat</th>                     
                            </tr>
                            <tr>                        
                                <th class="fColor">Penerbangan Pergi</th>
                                <th class="fColor">Penerbangan Balik</th>                        
                            </tr>
                        </thead>                    
                        <tbody>
                            <tr>
                                <td style="text-align: center">${actionBean.haji.noPesawatPergi}</td>
                                <td style="text-align: center">${actionBean.haji.noPesawatBalik}</td>
                            </tr>
                        </tbody>  
                    </table>
                    </p>
                    <br>-->
<!--                    <p>
                        <label class="lStyle">Tempoh Berada di Tanah Suci :</label> ${actionBean.haji.jumlahHari} Hari
                    </p>
                    <p>
                        <label class="lStyle">Tuan/Puan akan dibawa :</label> ${actionBean.haji.destinasiPergi}
                    </p>
                    <p>
                        <label class="lStyle">Niat Ihram di MIQAT :</label> ${actionBean.haji.miqatDi}
                    </p>
                    <p>
                        <label class="lStyle">Tarikh/Waktu Tiba :</label> <fmt:formatDate value="${actionBean.haji.tarikhTiba}" pattern="dd/MM/yyyy"/>&nbsp;&nbsp;;&nbsp; ${actionBean.haji.waktuTiba}
                    </p>
                    <p>
                        <label class="lStyle">Lapangan Terbang Tiba :</label> ${actionBean.haji.destinasiBalik}
                    </p>-->

                
                <br/>
                <p align="center">     
                    <s:submit name="mainmenu" value="Halaman Utama" class="button green"/>
                    <s:button name="cetak" value="Cetak" class="button green" onclick="printJadual();"/>
                </p>
                </div>
                </s:form>

</body>
</html>
